<!-- 状态栏 -->
<template>
  <div class="horLayout" >
    <ZoneInfo  style="flex: 2;" />
    <ZoneAlarm style="flex: 2;"/>
    <ZoneLogin style="flex: 1;"/>
    <ZoneTime style="flex: 1;"/>
  </div>
</template>

<script>

import ZoneTime from './ZoneTime.vue';
import ZoneAlarm from './ZoneAlarm.vue';
import ZoneInfo from './ZoneInfo.vue';
import ZoneLogin from './ZoneLogin.vue';

export default {
  name: 'StatusBar',
  components: {
    ZoneTime, ZoneInfo, ZoneAlarm, ZoneLogin
  },
  data() {
    return {

    }
  },

  created() {

  },


  mounted() {

  },

  unmounted() {

  },

  methods: {

  }
}
</script>

<style  scoped>

.horLayout{
  display: flex;
  flex-direction: row;

}

</style>

